<template>
<div class="com-page">
<div style="width:350px;height:350px;">
  <Map></Map>
</div>
<div style="width:350px;height:350px;">
  <Rank></Rank>
</div>
<div style="width:350px;height:350px;">
  <Seller></Seller>
</div>
<div style="width:350px;height:350px;">
  <Trend></Trend>
</div>
<div style="width:350px;height:350px;">
  <Screen></Screen>
</div>
<div style="width:350px;height:350px;">
  <Stock></Stock>
</div>

</div>
</template>

<script>
import Map from '@/components/Map'
import Rank from '@/components/Rank'
import Screen from '@/components/Screen'
import Seller from '@/components/Seller'
import Trend from '@/components/Trend'
import Stock from '@/components/Stock'

export default {
  components: { Map, Rank, Screen, Seller, Trend, Stock }
}
</script>

<style scoped>
div {
  float: left;
  background-color: #222733;
}
</style>
